.infodetail {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  display: flex;

  ::-webkit-scrollbar {
    width: 0.2rem;
    height: 0px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 0.1rem;
    background-color: #f4f5f6;
    z-index: 10;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    height: 100px;
    background-color: #dcdcdc;
  }

  .infodetail-frame {
    flex: 1;
    max-width: 100%;
    clear: both;
    padding: 10px;

    /deep/.el-tabs {
      width: 35rem;
      max-width: 100%;
      font-size: 0.8rem;

      .el-tabs__item {
        font-size: 0.8rem;
      }

      .el-input__inner {
        font-size: 0.7rem;
      }
    }

    .right-panel {
      width: 100%;
      height: 20rem;
      display: flex;
      flex-direction: column;

      .panel {
        flex: 1;
        margin-top: 10px;
        overflow-y: auto;
        padding: 10px;
        background: #fff;
        border: 1px solid #dcdcdc;

        .panel-p {
          font-size: 0.6rem;
          line-height: 1rem;
          color: #1F1A17;
        }

        .nodate {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          color: #969799;
        }
      }
    }
  }
}
